<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewprubyort" content="width=device-width, initial-scale=1.0" />
  <title>登录框弹出</title>
  <link rel="stylesheet" type="text/css" href="../../static/Mall/css/login.css" />
  <link rel="stylesheet" href="../../static/Mall/iconfont/iconfont.css">
  <link rel="stylesheet" href="../../static/Mall/css/css/login-inner/checkbos.css">
  <link rel="stylesheet" href="../../static/Mall/css/css/login-inner/input.css">
  <link rel="stylesheet" href="../../static/Mall/css/css/login-inner/button.css">
  <link rel="stylesheet" href="../../static/Mall/css/css/login-inner/svg.css">
</head>

<body>
  <div class="scroll-down">
    往下滚动试试
    <span href="" class="iconfont icon-xiala"></span>
  </div>
  <div class="container"></div>

  <form action="">
    <div class="modal">
      <div class="modal-container">

        <div class="modal-left">
          <a href="index.html">
            <svg width="10px" height="9px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <g id="prev" transform="translate(8.500000, 8.500000) scale(-1, 1) translate(-8.500000, -8.500000)">
                <polygon class="arrow" points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"></polygon>
                <polygon class="arrow-fixed" points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"></polygon>
                <path d="M-1.48029737e-15,0.56157424 L-1.48029737e-15,16.1929159 L9.708,8.33860465 L-2.66453526e-15,0.56157424 L-1.48029737e-15,0.56157424 Z M1.33333333,3.30246869 L7.62533333,8.34246869 L1.33333333,13.4327013 L1.33333333,3.30246869 L1.33333333,3.30246869 Z"></path>
              </g>
            </svg>
          </a>
          <div class="One" style="display: block;">
            <h1 class="modal-title">三松商城 !</h1>

            <div class="input-block">
              <input class="slide-up" id="email" type="text" name="email" placeholder="账号" />
              <label for="email">账号</label>
<!--              <label for="email" class="input-label">用户名</label>-->
<!--              <input type="text" name="email" id="email" placeholder="账号" />-->
            </div>
            <div class="input-block">
              <input class="slide-up" id="password" type="password" name="password" placeholder="密码" />
              <label for="password">密码</label>
<!--              <label for="password" class="input-label">密码</label>-->
<!--              <input type="password" name="password" id="password" placeholder="密码" />-->
            </div>
            <div class="input-block">
              <input class="slide-up" id="password1" type="password" name="password" placeholder="密码" />
              <label for="password">验证码
              </label>
<!--              <label for="password" class="input-label">密码</label>-->
<!--              <input type="password" name="password" id="password" placeholder="密码" />-->
            </div>
            <div class="modal-buttons">
              <!-- 登录 -->
              <input type="submit" class="login-button pulse" id="switching" value="登录">
            </div>
          </div>

          <div class="Two" style="display: none;">
            <p class="modal-desc" style="color: black">
              Welcome!
            </p>
            <p class="li"> </p>
            <div class="input-block reg-input-block">
              <label for="email" class="input-label">用户名</label>
              <!--radio-->
              <input type="radio" id="rad-name" >
              <div class="check1 .pos-reg-ratio-1">
                <div class="inside"></div>
              </div>
              <input type="text" name="email" id="userName" placeholder="用户名" />
            </div>
            <p></p>
            <div class="input-block reg-input-block">
              <!--radio-->
              <input type="radio" id="rad-email">
              <div class="check1 .pos-reg-ratio-2">
                <div class="inside"></div>
              </div>
              <label for="email" class="input-label">账号</label>
              <input type="text" name="email" id="userNumber" placeholder="账号" />
            </div>
            <p></p>
            <div class="input-block reg-input-block">
              <!--radio-->
              <input type="radio" id="rad-pwd">
              <div class="check1 .pos-reg-ratio-3">
                <div class="inside"></div>
              </div>
              <label for="password" class="input-label">密码</label>
              <input type="password" name="password" id="userPassword" placeholder="密码" />
            </div>
            <div class="modal-buttons">
              <!-- 注册 -->
              <input type="submit" class="registrat-button pulse" id="loginNow" value="注册">
            </div>
          </div>
          <p class="sign-up">
          <div class="slideThree check">
            <input type="checkbox" value="None" onclick="checkbox_change()" id="slideThree" name="check" checked />
            <label for="slideThree"></label>
          </div>
          </p>
        </div>

        <div class="modal-right">
          <img src="../../static/Mall/img/bk5.jpg" alt="" />

        </div>

        <button class="icon-button close-button">
          <span class="iconfont icon-guanbi"></span>
        </button>
      </div>
      <button class="modal-button">滑动到这里登录</button>
    </div>

  </form>
</body>

<script src="../../static/Mall/js/login.js"></script>

</html>
<script>

</script>